<template>
<div class="proimg">
  <div style="height:230px;"  v-if="aplay">
    <video id="myVideo" controls="controls" style="width:100%;"
           poster='./img/proimg/part_video.jpg' autoplay preload="auto"
           x5-playsinline="" playsinline=""
           webkit-playsinline="">
      <source src="http://yxc.cs.12366.com/yxcvideo.mp4"
              type="video/mp4"/>
    </video>
  </div>


  <img src="./img/proimg/part_video.jpg" v-if="!aplay" @click="aplay=true"/>


  <img src="./img/proimg/part1.jpg"/>
  <img src="./img/proimg/part2.jpg"/>
  <img src="./img/proimg/part3.jpg"/>
  <img src="./img/proimg/part4.jpg"/>
</div>
</template>

<script>
  export default {
    name: "yxc_pro",
    data(){
      return{
        aplay:false,
      }
    },
    mounted(){
      var shareJson={
        type:1,
        title:'一分钟了解顺利办-优享车',
        desc:'企业共享用车平台',
        link:window.location.href,
        imgUrl:'http://yxc.cs.12366.com/yxcLogo.png'
      }
      this.$parent.$parent.$parent.shareTimePage(shareJson);
      this.$parent.$parent.$parent.shareAppPage(shareJson);
    }
  }
</script>

<style lang="scss" scoped>

  #myVideo{
    position: fixed;
    width:100%;
  }
  .proimg{
    img,video{width:100%;  display: block; top:0;}
    video{ height:230px;  background: #333;}

  }
</style>
